import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Main from '@/pages/Main'
import BeautifulWords from '@/pages/BeautifulWords'
import QueryLinks from '@/pages/QueryLinks'

import articles from './articles'

console.log(JSON.stringify(articles))

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Main',
      component: Main
    },
    {
      path: '/helloworld',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/beautiful-words',
      component: BeautifulWords,
      children: articles
    },
    {
      path: '/query-links',
      component: QueryLinks
    }
  ]
})
